<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Register</title>

 <style type="text/css">
	.order_table {
	 border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;
	 border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; 
	}
	.order_table_td {
		border-bottom:1px solid #bbbbbb;
	}
	.main_table{
		padding-left : 10px;
		padding-right: 10px;
	}
 </style>
 
<script>
function showRow(rowId, it) {
    document.getElementById(rowId).style.display = "";
    it.style.display="none";
}
function hideRow(rowId) {
    document.getElementById(rowId).style.display = "none";
}
</script>
 	
</head>

<body>
<div align="center">
	<table width="960" border="0" class="main_table" style="text-align: left;">
		<tr>
			<td> <h3>Register</h3></td>
		</tr>
		<tr>
			<td> Charge Method</td>
			<td><input type="button" value="Continue" onclick="showRow('chargeInfo', this.parentNode)"/></td>
		</tr>
		<tr style="display: none;" id="chargeInfo">
			<td colspan="2" style="padding-left: 30px">
				* Credit card: <br/>
				* Visa ending in 9010 <br/>
				* Expiration date: <br/>
				* 04/2007 <br/>
				* Cardholder name: <br/>
				* KB <br/>
				* Billing Zip code: <br/>
				* 135-884 <br/>
				* Change <br/>
			</td>
		</tr>
		<tr>
			<td style="padding-top: 20px"> Seller Infomation</td>
			<td style="padding-top: 20px"><input type="button" value="Continue" onclick="showRow('sellerInfo', this.parentNode)"/></td>
		</tr>
		<tr style="display: none;" id="sellerInfo" >
			<td colspan="2" style="padding-left: 30px">
				* Name : Yangkyoung <br/>
			   	* Eamil Address :  <br/>
			   	* Gender : <br/>
			</td>
		</tr>
		<tr>
			<td style="padding-top: 20px"> Identity Verification</td>
			<td style="padding-top: 20px"><input type="button" value="Continue" onclick="showRow('identityInfo', this.parentNode)"/></td>
		</tr>
		<tr style="display: none;" id="identityInfo">
			<td colspan="2" style="padding-left: 30px">
				* Cell num : <input type="text" value=""/> <br/> <br/>
				* Pin for Verification <input type="text" value=""/> <br/>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="padding-top: 50px;"> Your account setup is 50% complete. (2/4)</td>
		</tr>
		<tr>
		<td colspan="2" style="text-align: right; padding-top: 50px;" > 
			<input type="button" value="Continue"/>
		</td>
		</tr>
	</table>
	
	<table width="960" border="0" class="main_table" style="padding-top: 100px;text-align: left;">
		<tr>
			<td> 
				FAQs <br/>
				How do I start using the service that I have subscribed for? <br/>
				Can I stop now and complete my registration at a later time?<br />
				Can I modify the information that I previously provided? <br/>
			</td>
		</tr>
	</table>
</div>
</body>
</html>